<template>
	<view class="container">
		<page-nav  class="custom-title" :title="title" :leftShow="true"> </page-nav>		 	 
		<image :src="detailurl" class="l" mode="widthFix" style="width: 100%;"></image>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				title:'财税服务',
				content: `星瑞数科以线上 + 线下的形式为企业提供全方位的综合财税服务，为企业提升资本效能管理保驾护航。致力于推动企业财务转型和提升，通过为企业提供全局性、外向性、长期性的战略财务管理服务，提高企业战略财务目标规划和分解能力，财务组织管控能力，全面预算管理能力，全面成本管理能力，资金管理能力和资产管理能力。实现以数字化为核心的会计核算体系、财务管理体系与财务风险控制体系的共享与协同融合，为企业发展战略目标的实现提供坚实保障。`,
				detailurl:'https://www.xrskfw.com/static/images/service/fw/csfw.png'
			};
		},
		
		onLoad(option) {
			let that = this
			//that.content = option.data
			// 获取高度 - 小程序设配
			console.log(option)
			switch(option.code){
				case "1":
					that.title ="财税服务";
					that.content="星瑞数科以线上 + 线下的形式为企业提供全方位的综合财税服务，为企业提升资本效能管理保驾护航。致力于推动企业财务转型和提升，通过为企业提供全局性、外向性、长期性的战略财务管理服务，提高企业战略财务目标规划和分解能力，财务组织管控能力，全面预算管理能力，全面成本管理能力，资金管理能力和资产管理能力。实现以数字化为核心的会计核算体系、财务管理体系与财务风险控制体系的共享与协同融合，为企业发展战略目标的实现提供坚实保障。";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/csfw.png';
				break;
				case "2":
					that.title ="法律服务";
					that.content="星瑞数科在企业法务服务层面拥有众多资深律师事务所合作伙伴及法律服务专员，根据客户的具体法律服务需求，提供多领域及多层次的法律咨询意见并且设计创新的法律结构，针对企业内部管理，提供公司合规风险识别、合规体系建立、合规调查、合规咨询和培训的服务。";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/flfw.png';
				break;
				case "3":
					that.title ="知识产权";
					that.content="星瑞数科拥有多位专业的知识产权服务专员为企业提供知识产权相关的法律法规咨询服务；知识产权开发、利用与维护；版权管理；商标注册与登记；专利检索与代理；知识产权认证；知识产权诉讼；包括知识产权培训、教育、交易与转让等服务。";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/zscq.png';
				break;
				case "4":
					that.title ="融资咨询";
					that.content="星瑞数科为企业提供全方位的融资咨询服务，以更低的成本更高的效率筛选和匹配适合企业生产经营的金融产品，通过整合的数据来优化和提升融资流程效率。精准分析智能匹配企业生产经营需求，使银行、金融机构、企业沟通零距离常态化，通过智能分析撮合帮助企业获得资金等各方面资源。";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/rzzx.png';
				break;
				case "5":
					that.title ="资本市场";
					that.content="星瑞数科在私募股权投资基金服务领域深耕多年，积淀深厚的专业实力以及丰富的实践经验。为创新型科技企业提供全方位、全流程、多层次的资本市场服务。";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/zbsc.png';
				break;
				case "6":
					that.title ="综合服务";
					that.content="综合服务";
					that.detailurl='https://www.xrskfw.com/static/images/service/fw/zhfw.png';
				break;
				case "7":
					that.title ="数据资产化";
					that.content="数据资产化";
					that.detailurl='';
				break;
				case "8":
					that.title ="评级风控";
					that.content="评级风控";
					that.detailurl='';
				break; 
				
			}
		},
		
	};
</script>

<style lang="scss">
	.container {		
		background-color: #ffffff;
	}

	.right-nav {
		display: flex;
		align-items: center;
		margin-right: 40rpx;

		.icon {
			height: auto;

			&-search {
				width: 40rpx;
				margin-right: 40rpx;
			}

			&-menu {
				width: 40rpx;
			}
		}
	}

	.header {
		display: flex;
		align-items: center;
		padding: 44rpx;

		.avatar {
			flex-shrink: 0;
			width: 69rpx;
			height: 69rpx;
			background: #ffffff;
			border: 1px solid #69b0ff;
			border-radius: 50%;
		}

		.info {
			flex: 1;
			margin-left: 14rpx;

			.name {
				display: flex;
				align-items: center;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000000;
				line-height: 36rpx;

				.tag {
					margin-left: 10rpx;
					display: inline-block;
					padding: 8rpx 10rpx;
					font-size: 14rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #4cbeca;
					line-height: 21rpx;
					border: 1px solid #0bb9c8;
					border-radius: 6px;
				}
			}

			.date {
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #a3a3a3;
				line-height: 36rpx;
			}
		}

		.btn {
			padding: 8rpx 19rpx;
			background: #e6e6e6;
			border-radius: 6rpx;
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #4cbeca;
			line-height: 1;
		}
	}

	.content {
		padding: 0 44rpx;

		.title {
			font-size: 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #000000;
			line-height: 47rpx;
		}

		.static {
			margin-top: 34rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.left,
			.right {
				display: flex;
				align-items: center;

				.block {
					display: flex;
					align-items: center;
					margin-right: 10rpx;
				}
			}

			.left {
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #787878;
				line-height: 1;

				.gf {
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}
			}

			.right {
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #787878;
				line-height: 1;

				.l {
					width: 25rpx;
					height: auto;
					margin-right: 6rpx;
				}
			}
		}

		.detail {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #000000;
			line-height: 47rpx;
			margin-top: 50rpx;
		}
	}

	.footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		height: 100rpx;
		padding: 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #ffffff;

		.ipt {
			width: 380rpx;
			height: 77rpx;
			background: #f7f7f7;
			border-radius: 38px;
			padding: 0 37rpx;
			box-sizing: border-box;
			margin-right: 20rpx;
		}

		.control {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: space-around;

			.block {
				display: flex;
				align-items: center;
				justify-content: center;
				flex: 1;
			}

			.icon {
				height: auto;
			}

			.c {
				width: 41rpx;
				margin-right: 10rpx;
			}

			.s {
				width: 36rpx;
			}

			.t {
				width: 31rpx;
			}
		}
	}
</style>
